'use client';

import React, { useState } from 'react';
import WishGraph from './WishGraph';
import GraphControls from './GraphControls';

interface WishGraphWrapperProps {
    initialCenterId: number;
}

export default function WishGraphWrapper({ initialCenterId }: WishGraphWrapperProps) {
    const [centerId, setCenterId] = useState(initialCenterId);
    const [depth, setDepth] = useState(2); // Default depth

    return (
        <>
            <WishGraph centerId={centerId} depth={depth} />
            <GraphControls depth={depth} setDepth={setDepth} />
        </>
    );
}
